<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    
    <style type="text/css">
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	html {
		-ms-touch-action: none;
	}
	
	body,ul,li {
		padding: 0;
		margin: 0;
		border: 0;
		box-sizing: border-box;
	}
	
	ul{list-style: none}
	ul:after{content: " "; display: block; clear: both;}
	
	body {
		font-size: 12px;
		font-family: ubuntu, helvetica, arial;
		overflow: hidden; /* this is important to prevent the whole page to bounce */
	}
	
	
	#wrapper1 {
		position: absolute;
		z-index: 1;
		top: 46px;
		bottom: 0px;
		left: 0;
		width: 30%;
		background: #fafafa;
		overflow: hidden;
	}
	
	#scroller1 {
		position: absolute;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		width: 100%;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}
	
	#scroller1 ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	
	#scroller1 li {
		position: relative;
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #fafafa;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
	#scroller1>ul>li{
		background: #eee;
	}
	/*搜索框的样式*/
	.serch{background: #ccc;width: 100%;box-sizing: border-box;padding: 8px 0.2rem;position: relative;}
	.serch input{width: 100%;height: 30px;outline: none;border: none;border-radius: 5px;padding-left: 0.4rem;font-size: .16rem;}
	.serch b{display: block;background: url(img/serch.png) no-repeat;position: absolute;top: 0.14rem;left: 0.3rem;background-size: 20px 20px;width: 20px;height: 20px;}
	
	.sanjiao{
		position: absolute;
		top: 11px;
		right: -9px;
		display: block;
		width: 15px;
		height: 15px;
		border: 1px solid #CCCCCC;
		transform:rotate(45deg);
		background: #fff;
		display: none;
	}
	.inner{float: right;width: 70%;background: #fff;box-sizing: border-box;padding: .1rem .1rem;}
	.inner:after{content: " "; display: block; clear: both;}
	.inner .shaixuan {margin: 0 auto;}
	.inner .shaixuan li{float: left;line-height: 0.25rem;width: 31%;text-align: center;background: #ddd;color: #666;position: relative;}
	.inner .shaixuan li.click{background: green;color: #fff;}
	.inner .shaixuan li:nth-child(2){margin-left:5px;margin-right: 5px;}
	.inner .shaixuan li b{
		display: none;
		position: absolute;
		width: 0px;
		height: 0px;
		top: 24px ;
		left: 29px;
		border: 8px solid transparent;
		border-top-color: green;
	}
	
	/*2*/
		#content {  
	    position: absolute;  
	    z-index: 1;  
	    top: 46px;  
	    bottom: 0px;  
	    right: 0;  
	    width: 70%;  
	    background: #eee;  
	    overflow: hidden;  
	}  
	  
	#scroller {  
	    position: absolute;  
	    z-index: 1;  
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
	    width: 100%;  
	    -webkit-transform: translateZ(0);  
	    -moz-transform: translateZ(0);  
	    -ms-transform: translateZ(0);  
	    -o-transform: translateZ(0);  
	    transform: translateZ(0);  
	    -webkit-touch-callout: none;  
	    -webkit-user-select: none;  
	    -moz-user-select: none;  
	    -ms-user-select: none;  
	    user-select: none;  
	    -webkit-text-size-adjust: none;  
	    -moz-text-size-adjust: none;  
	    -ms-text-size-adjust: none;  
	    -o-text-size-adjust: none;  
	    text-size-adjust: none;  
	}  
	  
	#scroller ul {  
	    list-style: none;  
	    padding: 0;  
	    margin: 0;  
	    width: 100%;  
	    text-align: left;  
	}  
	  
	#scroller li {  
	    font-size: 14px;  
	}  
	#pullDown,#pullUp {    
	    height: 40px;    
	    line-height: 40px;    
	    padding: 5px 10px;    
	    font-weight: bold;    
	    font-size: 14px;    
	    color: #888;    
	}    
	    
	#pullDown .pullDownIcon,#pullUp .pullUpIcon {    
	    display: block;    
	    float: left;    
	    width: 40px;    
	    height: 40px;    
	    background: url(img/pull-icon@2x.png) 0 0 no-repeat;    
	    -webkit-background-size: 40px 80px;    
	    background-size: 40px 80px;    
	    -webkit-transition-property: -webkit-transform;    
	    -webkit-transition-duration: 250ms;    
	}    
	    
	#pullDown .pullDownIcon {    
	    -webkit-transform: rotate(0deg) translateZ(0);    
	}    
	    
	#pullUp .pullUpIcon {    
	    -webkit-transform: rotate(-180deg) translateZ(0);    
	}    
	    
	#pullDown.flip .pullDownIcon {    
	    -webkit-transform: rotate(-180deg) translateZ(0);    
	}    
	    
	#pullUp.flip .pullUpIcon {    
	    -webkit-transform: rotate(0deg) translateZ(0);    
	}    
	    
	#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon {    
	    background-position: 0 100%;    
	    -webkit-transform: rotate(0deg) translateZ(0);    
	    -webkit-transition-duration: 0ms;    
	    -webkit-animation-name: loading;    
	    -webkit-animation-duration: 2s;    
	    -webkit-animation-iteration-count: infinite;    
	    -webkit-animation-timing-function: linear;    
	}    
	    
	.-webkit-keyframes loading {    
	    from {     
	        -webkit-transform:rotate(0deg)translateZ(0);    
	    }    
	    
	    .to {    
	        -webkit-transform: rotate(360deg) translateZ(0);    
	    }    
	}
	
	/*详情的样式*/
	#add .detail {padding: 0.1rem;background: #E5F2E5;}
	.detail>li{float: left;background: #E5F2E5;}
	#add>li{border-bottom: 1px solid #ddd;}
	.detail>li:nth-child(1){width: 25%;}
	.detail>li:nth-child(2){width: 75%;}
	.detail>li:nth-child(1)>img{width: 0.5rem;height: 0.5rem;display: block;border-radius: 100%;}
	.name>li:nth-child(1){margin-bottom: 0.1rem;}
	.name>li:nth-child(1)>span:nth-child(2){margin-left: 5px;}
	.name>li:nth-child(1)>span:nth-child(2),.name>li:nth-child(1)>span:nth-child(3){color: #888888;}
	.name>li:nth-child(1)>span:nth-child(2),.name>li>span:nth-child(3){float: right;}
	.name>li:nth-child(1)>span{line-height: 0.2rem;}
	.name>li:nth-child(2){padding-bottom:0.1rem ; border-bottom: 1px solid #ddd;}
	.name>li:nth-child(2)>span:nth-child(1),.name>li:nth-child(2)>span:nth-child(2){font-size: 0.12rem;}
	.name>li:nth-child(2)>span:nth-child(2){float: right;}
	.name>li:nth-child(2)>span:nth-child(1){color: #888888;}
	.name>li:nth-child(2)>span:nth-child(2){border: 1px solid #008000;border-radius: 20px;padding: 0.02rem 0.1rem;margin-top: -2px;}
	
	/*搜索*/
	.sousuo{position: fixed;top: 46px;bottom: 0;left: 0;right: 0;background: #FFFFFF;z-index: 1;display: none;background: #eee;}
	.sousuo>ul>li{float: left;width: 50%;box-sizing: border-box;line-height: 0.5rem;text-align: center;border-bottom: 1px solid #ddd;font-size: 0.16rem;}
	.sousuo>ul>li:nth-child(1){border-right: 1px solid #ddd;}
	.quxiao{float: right;line-height: 30px;color: blue;display: none;font-family: "微软雅黑";}
	.sousuo .active{border-bottom: 2px solid green;}
	.lishi,.hot{position: absolute;top: 0.5rem;bottom: 0;left: 0;right: 0;padding: 0.1rem;box-sizing: border-box;}
	.hot{display: none;}
	.lishi ul li,.hot ul li{line-height: 0.25rem;text-align: center;padding: 2px 0.15rem;float: left;background: #fff;margin-right: 0.16rem;margin-bottom: 0.1rem;}
	
    .tanchu{z-index: 10000;}
    </style>
	<script type="text/javascript" src="<?php echo __JS__;?>jquery-1.11.3.js"></script>
	<script type="text/javascript" src="<?php echo __JS__;?>rem.js"></script>
    <script type="text/javascript" src="<?php echo __JS__;?>iscroll-lite.js"></script>
    <script type="text/javascript" src="<?php echo __JS__;?>iscroll-probe.js"></script>
    <script type="text/javascript" src="<?php echo __JS__;?>layer/layer.js"></script>
    <script type="text/javascript">
    	function isPassive() {
		    var supportsPassiveOption = false;
		    try {
		        addEventListener("test", null, Object.defineProperty({}, 'passive', {
		            get: function () {
		                supportsPassiveOption = true;
		            }
		        }));
		    } catch(e) {}
		    return supportsPassiveOption;
		}
    	
    	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
			capture: false,
			passive: false
		} : false);
    	
    	var kind;
    	var myScroll;  
	    var pullDownEl, pullDownL;  
	    var pullUpEl, pullUpL;  
	    var Downcount = 0 ,Upcount = 0;  
	    var loadingStep = 0;//加载状态0默认，1显示加载状态，2执行加载数据，只有当为0时才能再次加载，这是防止过快拉动刷新  
    	
    	function pullDownAction()   
		        pullDownEl.removeClass('loading');  
		        pullDownL.html('下拉显示更多...');  
		        pullDownEl['class'] = pullDownEl.attr('class');  
		        pullDownEl.attr('class','').hide();  
		        myScroll.refresh();  
		        loadingStep = 0;  
	        }, 1000); //1秒  
	    }  
	    function pullUpAction()   
	            pullUpEl.removeClass('loading');  
	            pullUpL.html('上拉显示更多...');  
	            pullUpEl['class'] = pullUpEl.attr('class');  
	            pullUpEl.attr('class','').hide();  
	            myScroll.refresh();  
	            loadingStep = 0;  
	        }, 1000);  
	    }  
    	
    	function loaded () {
			kind = new IScroll('#wrapper1', { mouseWheel: true });
			
			pullDownEl = $('#pullDown');  
	        pullDownL = pullDownEl.find('.pullDownLabel');  
	        pullDownEl['class'] = pullDownEl.attr('class');  
	        pullDownEl.attr('class','').hide();  
	          
	        pullUpEl = $('#pullUp');  
	        pullUpL = pullUpEl.find('.pullUpLabel');  
	        pullUpEl['class'] = pullUpEl.attr('class');  
	        pullUpEl.attr('class','').hide();  
	          
	        myScroll = new IScroll('#content', {  
	            probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
	            scrollbars: false,//有滚动条  
	            mouseWheel: true,//允许滑轮滚动  
	            fadeScrollbars: true,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
	            bounce:true,//边界反弹  
	            interactiveScrollbars:true,//滚动条可以拖动  
	            shrinkScrollbars:'scale',// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
	            click: true ,// 允许点击事件  
	            keyBindings:true,//允许使用按键控制  
	            momentum:true// 允许有惯性滑动  
	        });  
	        //滚动时  
	        myScroll.on('scroll', function(){  
	            if(loadingStep == 0 && !pullDownEl.attr('class').match('flip|loading') && !pullUpEl.attr('class').match('flip|loading')){  
	            if (this.y > 5) {  
	                //下拉刷新效果  
	                pullDownEl.attr('class',pullUpEl['class'])  
	                pullDownEl.show();  
	                myScroll.refresh();  
	                pullDownEl.addClass('flip');  
	                pullDownL.html('准备刷新...');  
	                loadingStep = 1;  
	            }else if (this.y < (this.maxScrollY - 5)) {  
	                //上拉刷新效果  
	                pullUpEl.attr('class',pullUpEl['class'])  
	                pullUpEl.show();  
	                myScroll.refresh();  
	                pullUpEl.addClass('flip');  
	                pullUpL.html('准备刷新...');  
	                loadingStep = 1;  
	            }  
	            }  
	        });  
	        //滚动完毕  
	        myScroll.on('scrollEnd',function(){  
	            if(loadingStep == 1){  
	            if (pullUpEl.attr('class').match('flip|loading')) {  
	                    pullUpEl.removeClass('flip').addClass('loading');  
	                pullUpL.html('Loading...');  
	                loadingStep = 2;  
	                    pullUpAction();  
	            }else if(pullDownEl.attr('class').match('flip|loading')){  
	                pullDownEl.removeClass('flip').addClass('loading');  
	                pullDownL.html('Loading...');  
	                loadingStep = 2;  
	                pullDownAction();  
	            }  
	            }  
	        });  
		}
   			
   			
		
		
		
   			
   			
   		
    </script>
</head>
<body onload="loaded()">
	<!--搜索-->
	<div class="serch">
		<input type="search" name="" id="" value="" />
		<b></b>
		<span class="quxiao">取消</span>
		<a href="form.html"></a>
	</div>
	<div id="wrapper1">
		<div id="scroller1">
			<ul>
				<li>row 1 <span class="sanjiao"></span></li>
				<li>row 2 <span class="sanjiao"></span></li>
				<li>row 3 <span class="sanjiao"></span></li>
				<li>row 4 <span class="sanjiao"></span></li>
				<li>row 5 <span class="sanjiao"></span></li>
				<li>row 6 <span class="sanjiao"></span></li>
				<li>row 7 <span class="sanjiao"></span></li>
				<li>row 8 <span class="sanjiao"></span></li>
				<li>row 9 <span class="sanjiao"></span></li>
				<li>row 10 <span class="sanjiao"></span></li>
				<li>row 11 <span class="sanjiao"></span></li>
				<li>row 12 <span class="sanjiao"></span></li>
				<li>row 13 <span class="sanjiao"></span></li>
				<li>row 14 <span class="sanjiao"></span></li>
				<li>row 15 <span class="sanjiao"></span></li>
				<li>row 16 <span class="sanjiao"></span></li>
				<li>row 17 <span class="sanjiao"></span></li>
				<li>row 18 <span class="sanjiao"></span></li>
				<li>row 19 <span class="sanjiao"></span></li>
				<li>row 20 <span class="sanjiao"></span></li>
				<li>row 21 <span class="sanjiao"></span></li>
				<li>row 22 <span class="sanjiao"></span></li>
			</ul>
		</div>
	</div>
	<!--中间部分内容-->
	<div class="inner">
		<!--<ul class="shaixuan">
			<li class="click">综合排序 <b style="display: block;"></b></li>
			<li>按响应时间 <b></b></li>
			<li>按人气指数 <b></b></li>
		</ul>-->
		
		<div id="content">  
	        <div id="scroller">  
	            <div id="pullDown" class="ub ub-pc c-gra">  
	                <div class="pullDownIcon"></div>  
	                <div class="pullDownLabel">下拉刷新</div>  
	            </div>  
	            <ul id="add">  
	                <li>
	                	<ul class="detail">
	                		<li><img src="<?php echo __IMG__;?>Home/1.jpg"/></li>
	                		<li>
	                			<ul class="name">
	                				<li>
	                					<span>李爱玲</span>
	                					<span>4/12</span>
	                					<span>最近有号</span>
	                				</li>
	                				<li>
	                					<span>主治医师</span>
	                					<span>有号</span>
	                				</li>
	                				<li>
	                					<p>擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容</p>
	                				</li>
	                			</ul>
	                		</li>
	                	</ul>
	                </li> 
	                
	                <li>
	                	<ul class="detail">
	                		<li><img src="img/1.jpg"/></li>
	                		<li>
	                			<ul class="name">
	                				<li>
	                					<span>李爱玲</span>
	                					<span>4/12</span>
	                					<span>最近有号</span>
	                				</li>
	                				<li>
	                					<span>主治医师</span>
	                					<span>有号</span>
	                				</li>
	                				<li>
	                					<p>擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容</p>
	                				</li>
	                			</ul>
	                		</li>
	                	</ul>
	                </li> 
	                
	                <li>
	                	<ul class="detail">
	                		<li><img src="img/1.jpg"/></li>
	                		<li>
	                			<ul class="name">
	                				<li>
	                					<span>李爱玲</span>
	                					<span>4/12</span>
	                					<span>最近有号</span>
	                				</li>
	                				<li>
	                					<span>主治医师</span>
	                					<span onclick="tanchuang()">有号</span>
	                				</li>
	                				<li>
	                					<p>擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容</p>
	                				</li>
	                			</ul>
	                		</li>
	                	</ul>
	                </li> 
	                
	                <li>
	                	<ul class="detail">
	                		<li><img src="img/1.jpg"/></li>
	                		<li>
	                			<ul class="name">
	                				<li>
	                					<span>李爱玲</span>
	                					<span>4/12</span>
	                					<span>最近有号</span>
	                				</li>
	                				<li>
	                					<span>主治医师</span>
	                					<span>有号</span>
	                				</li>
	                				<li>
	                					<p>擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容</p>
	                				</li>
	                			</ul>
	                		</li>
	                	</ul>
	                </li> 
	                
	                <li>
	                	<ul class="detail">
	                		<li><img src="img/1.jpg"/></li>
	                		<li>
	                			<ul class="name">
	                				<li>
	                					<span>李爱玲</span>
	                					<span>4/12</span>
	                					<span>最近有号</span>
	                				</li>
	                				<li>
	                					<span>主治医师</span>
	                					<span>有号</span>
	                				</li>
	                				<li>
	                					<p>擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容擅长内容</p>
	                				</li>
	                			</ul>
	                		</li>
	                	</ul>
	                </li> 
	            </ul>  
	            <div id="pullUp" class="ub ub-pc c-gra">  
	                <div class="pullUpIcon"></div>  
	                <div class="pullUpLabel">上拉显示更多...</div>  
	            </div>  
	        </div>  
	    </div>  
	    
	    
	</div>
	
	<!--搜索-->
	<div class="sousuo">
		<ul>
			<li class="active">最近搜索</li>
			<li>热门搜索</li>
		</ul>
		<div class="lishi">
			<ul>
				<li>鼻炎</li>
				<li>发的地方</li>
				<li>发到说的</li>
				<li>鼻炎</li>
				<li>佛挡杀佛</li>
				<li>鼻炎</li>
			</ul>
		</div>
		<div class="hot">
			<ul>
				<li>脱发</li>
				<li>脱发</li>
				<li>脱发</li>
				<li>脱发</li>
				<li>脱发</li>
				<li>脱发</li>
			</ul>
		</div>
	</div>
	
	
</body>
<script src="<?php echo __JS__;?>jquery.validate.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
        var  url  =  "<?php echo APP_PATH;?>";
        var  juli  =  <?php echo ($juli); ?>;
        var  lat  =  <?php echo ($lat); ?>;
        var  lng  =  <?php echo ($lng); ?>;
        wx.config({
        //debug:  true,
        appId:  '<?php echo ($signPackage["appId"]); ?>',
                        timestamp:  '<?php echo ($signPackage["timestamp"]); ?>',
                        nonceStr:  '<?php echo ($signPackage["nonceStr"]); ?>',
                        signature:  '<?php echo ($signPackage["signature"]); ?>',
                        jsApiList:  [
                                        'checkJsApi',
                                        'openLocation',
                                        'getLocation'
                        ]
        });
        /*
          *  注意：
          *  1.  所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
          *  2.  如果发现在  Android  不能分享自定义内容，请到官网下载最新的包覆盖安装，Android  自定义分享接口需升级至  6.0.2.58  版本及以上。
          *  3.  完整  JS-SDK  文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
          *
          *  如有问题请通过以下渠道反馈：
          *  邮箱地址：weixin-open@qq.com
          *  邮件主题：【微信JS-SDK反馈】具体问题
          *  邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
          */
        wx.ready(function  ()  {
        //  1  判断当前版本是否支持指定  JS  接口，支持批量判断
        wx.checkJsApi({
        jsApiList:  [
                        'getLocation'
                                                ],
                                                                success:  function  (res)  {
                       if (res.checkResult.getLocation == false) {
alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
        return;
        }
        }
});
wx.getLocation({
type: 'gcj02',
success: function (res) {
    var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
var speed = res.speed; // 速度，以米/每秒计
var accuracy = res.accuracy; // 位置精度

var dq = getDisance(lat,lng, latitude, longitude);
if (dq > juli) {
    layer.open({
        content: '当前不在签到范围内',
btn: '确定',
yes: function (index) {
    $(".sign-box .swai,.sign-box .snei").addClass("nobot");
$("#selectfiles").removeAttr("id");
$("input[type='file']").attr("disabled","disabled")
                layer.close(index);
            }
        });
    }
},
cancel: function (res) {
    alert('用户拒绝授权获取地理位置');
    }
});
wx.error(function (res) {
alert(res.errMsg);
});
});

</script>
<script type="text/javascript">
	$("#scroller1 ul li").first().find(".sanjiao").css("display","block");
	$("#scroller1 ul li").first().css("color","green");
	$("#scroller1 ul li").on("click",function(){
		$("#scroller1 ul li").css("color","#333");
		$(this).css("color","green");
		$("#scroller1 ul li span").css("display","none");
		$(this).find(".sanjiao").css("display","block");
	})
	
	$(".inner>ul>li").on("click",function(){
		$(".inner ul li").removeClass("click");
		$(".inner ul li b").css("display","none");
		if(!$(this).hasClass("click")){
			$(this).addClass("click");
			$(this).find("b").css("display","block");
		}
	})
	
	/*点击搜索框事件*/
	$(".serch input").on("focus",function(){
		$(this).css("width","90%");
		$(".quxiao").css("display","block");
		$(".sousuo").css("display","block");
	})
	$(".quxiao").on("click",function(){
		$(".serch input").css("width","100%");
		$(this).css("display","none");
		$(".sousuo").css("display","none");
	})
	$(".sousuo>ul>li").on("click",function(){
		$(".sousuo>ul>li").removeClass("active");
		$(this).addClass("active");
		if($(this).html()=="最近搜索"){
			$(".lishi").css("display","block");
			$(".hot").css("display","none");
		}else{
			$(".lishi").css("display","none");
			$(".hot").css("display","block");
		}
	})
	function tanchuang(){
		/*预约弹窗*/
		layer.open({
		  type: 2,
		  title: false,
		  shadeClose: false,
		  shade: 0.8,
		  area: ['80%', '40%'],
		  content: './form.html',//iframe的url
		  offset: '200px',
		  success: function (layero, index) {
	                        layer.iframeAuto(index)
	                    }
		}); 
		layer.iframeAuto('./form.html');
	}
	
</script>
</html>